<template>
  <div>
    <!-- 底部导航栏 Header -->
    <header class="bottom-nav"  v-if="$route.meta.dibudaoh">
      <nav class="sye" >

        <router-link to="/">首页</router-link>
        <router-link to="/sanview">商城</router-link>
        <router-link to="/popular">直播</router-link>
        <router-link to="/Mine">我</router-link>
      </nav>
    </header>

    <RouterView />
  </div>
</template>

<script setup lang="ts">
import { RouterView } from 'vue-router';
import { ref } from 'vue';




const value = ref('');
</script>

<style scoped lang="less">
p,span{
  font-size: 12rem;
}
/* 搜索框 Header */
.search-header {
  background-color: #fff;

  border-bottom: 1rem solid #e5e5e5;
}

.songs {
  display: flex;
    justify-content: space-evenly;
    align-items: center;
    padding: 10rem;
}

/* 底部导航栏固定 */
.bottom-nav {
  position: fixed;
  bottom: 0;
  width: 100%;
  background-color: #fff;
  z-index: 99;
  bottom: -1px;

}

.sye {
  display: flex;
  justify-content: space-around;
  padding: 17rem 0;
}

.sye a {
  text-decoration: none;
  color: #333;
  font-size: 17rem;
}

.sye a.router-link-exact-active {
  color: #ee0a24;
}



</style>
